#khung{
    width: 803px;
    padding: 5px;
    margin: auto;
    border-radius: 5px;
}
#logout{
    text-align: left;
    padding: 3px 0px 5px 5px;
}
#logout a{
    text-decoration: none;
    font-weight: bold;
    color: darkcyan;
}
#search_rating {
    width: 800px; 
    border:1px solid #ccc;
    text-align: center;
    background: #eee;
    padding: 5px 0px 5px 0px;
}
input[name="rating1"],input[name="rating2"]{
    width: 250px;
     border:1px solid #eee;
     padding: 5px 5px 5px 5px;
}
input[name="submit"]{
    padding: 5px 15px 5px 15px;
    background: darkcyan;
    color: #fff;
    border-left: 1px solid #eee;
    border-bottom: 0px;
    border-top: 0px;
    border-right: 0px;
    font-weight: bold;
    
}

<!-- ket qua -->
#ketqua{
    width:800px;
  
}
.item{ 
      clear: both;
      margin: 5px;
      height: 64px;
      padding: 5px;
}
.anh, .title, .rating, .mota{
    float: left;
    margin: 2px;
}
.anh {
    border: 1px solid #ccc;
    padding: 3px;
}
.anh img{
    width: 50px;
    height: 50px;
}

.title {
    width: 350px;
}
.rating {
    width: 40px;
}
.mota {
    width: 250px;
}
.edit{ text-align: center;}
.edit a:link,.edit a:visited{
    background: darkcyan;
    color: seashell;
    border-radius: 5px;
    text-decoration: none;
    padding: 1px 5px 1px 5px;
    font-size: 12;
    
}
.edit a:hover{
    color: bue;
    text-decoration:underline;
}
#edit{
    background:#ccc;
    font-weight: bold;
}
.note{
    color: #999;
}
